<template>
  <!-- 做题页 -->
	<view class="main">
    <swiper @change="swiperChange" :current='0'>
    	<swiper-item v-for="(one, i) in [1,2,3,4]" :key="i">
        <ques-card :item="item" @confirm="choosed"></ques-card>
      </swiper-item>
    </swiper>
    <!-- 操作 -->
    <view class="aline"></view>
    <view class="options">
      <view><i class="iconfont icon-dianzan1"></i>赞</view>
      <view><i class="iconfont icon-shoucang"></i><text>收藏</text></view>
      <view><i class="iconfont icon-jubao"></i>报错</view>
      <view><i class="iconfont icon-bofangliebiaoguanli"></i>1/23</view>
    </view>
	</view>
</template>

<script>
import {item} from '../../common/data.js'
import quesCard from '../../components/quesCard.vue'
export default {
  components:{
    quesCard
  },
  data() {
    return {
      item: item
    }
  },  
  methods: {
    swiperChange(){
      
    },
    choosed(status, choosed){
      console.log(status, choosed)
    }
  }
}
</script>
<style>
.main>swiper{
  width: 100%;
  height: calc(100% - 80rpx);
}
.options{
  height: 80rpx;
  width: 750rpx;
  position: fixed;
  display: flex;
  bottom: 0;
}
.options>view{
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: center;
  font-size: 30rpx;
  margin: 0 20rpx;
}
.options>view>i{
  font-size: 34rpx;
  margin-right: 10rpx;
}
</style>
